<template>
  <scroller class="wrapper">
    <div class="content">
      <leftPage class="leftPage"></leftPage>
      <rightPage class="rightPage"></rightPage>
    </div>

  </scroller>
</template>

<style scoped>
  .wrapper { }
  .content { flex:1; flex-direction: row;}
  .leftPage { flex:1;}
  .rightPage { width: 250px; background-color: #e2e2e2;}
  .skill { width: 250px; height: 60px; margin: 10px;}
  .normalText { font-size: 30px; color: #000000; margin: 15px;}

</style>

<script>

  export default {
    components: {
      rightPage: require('./rightPage.vue'),
      leftPage: require('./leftPage.vue')
    },

    data: {
      logoUrl: 'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png'
    },
    methods: {
      update: function (e) {
        this.target = 'Weex'
        console.log('target:', this.target)
      }
    }
  }
</script>
